<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-content-->
		<div class="deer-content">
			<div class="marke-recall-tit marke-strategy-tit">
				<dl class="active">创建群发优惠券策略<span></span></dl>
				<dl class="actives">选择人员<i></i><span></span></dl>
				<dl>确认信息</dl>
			</div>
			<div class="marke-strategy layui-form">
				<div class="marke-strategy-list">	
					<dl>
						<dt>策略名称</dt>
						<dd><input name="title" type="text" style="width: 500px;" placeholder="请输入策略名称" class="layui-input" lay-verify="required"/></dd>
					</dl>
					<dl>
						<dt>选择营销券</dt>
						<dd>
							<div class="marke-select">
								<dl class="marke-sele-txt">--请选择--</dl><i class="fa fa-chevron-down" ></i>
								<ul class="marke-selects">
									<li><h6>夏日香气</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>夏日香气</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>区间类型</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>[20.00--3.00]</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>20天</dd>
											</dl>
										</div>
									</li>
									<li><h6>一键召回测试</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>一键召回测试</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>区间类型</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>[5.00--10.00]</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>30天</dd>
											</dl>
										</div>
									</li>
									<li><h6>满200减10元</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>满200减10元</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>定额</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>10.00</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>30天</dd>
											</dl>
										</div>
									</li>
									<li><h6>加油即送优惠券</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>加油即送优惠券</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>定额</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>10.00</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>30天</dd>
											</dl>
										</div>
									</li>
									<li><h6>新用户专享</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>新用户专享</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>定额</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>10.00</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>30天</dd>
											</dl>
										</div>
									</li>
									<li><h6>非油品券</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>非油品券</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>区间类型</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>[10.00--20.00]</dd>
											</dl>
											<dl>
												<dt>开始时间</dt>
												<dd>2018-03-01 00:00:00</dd>
											</dl>
											<dl>
												<dt>结束时间</dt>
												<dd>2018-04-30 00:00:00</dd>
											</dl>
										</div>
									</li>
									<li><h6>一起迎春</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>加油即送优惠券</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>加油送券</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>加油送券</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>加油送券</dd>
											</dl>
										</div>
									</li>
									<li><h6>春季出游助力加油券</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>春季出游助力加油券</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>区间类型</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>[1.00--2.00]</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>5天</dd>
											</dl>
										</div>
									</li>
									<li><h6>普通会员专享</h6>
										<div class="marke-select-tab">
											<div class="marke-select-i"><div class="marke-select-ii"><i></i><i></i></div></div>
											<h3>优惠券信息</h3>
											<dl>
												<dt>优惠券名称</dt>
												<dd>普通会员专享</dd>
											</dl>
											<dl>
												<dt>优惠券类型</dt>
												<dd>定额</dd>
											</dl>
											<dl>
												<dt>金额</dt>
												<dd>10.00</dd>
											</dl>
											<dl>
												<dt>倒计时优惠券</dt>
												<dd>30天</dd>
											</dl>
										</div>
									</li>
								</ul>
							</div>
							<span class="chuangjianquan">创建营销券</span>
						</dd>						
					</dl>
					<dl>
						<dt>每人发放张数</dt>
						<dd>
							<div class="marke-strategy-add">
								<input type="hidden" name="push_number" value="1">
								<i class="fa fa-minus unadd"></i>
								<span>1</span>
								<i class="fa fa-plus add"></i>
							</div>
						</dd>
					</dl>
				</div>
				<!--submit-->
				<div class="marke-strategy-submit">
						下一步，选择工作人员
				</div>
				<!--submit-->
			</div>
		<!--/deer-content-->
	</section>
	<!--js-->
		<aside>
			<script type="text/javascript" src="../layui/layui.js" ></script>
			<script type="text/javascript">
				layui.use(['jquery','form','layer'],function(){
					var $=layui.jquery
					var form=layui.form
					var layer=layui.layer;					
					
					$('.add').bind('click',function(){
						var num=$('.marke-strategy-add>span').text()
						num++
						$('.marke-strategy-add>span').text(num)
						$('.push_number').val(num)
					})
					$('.unadd').bind('click',function(){
						var num=$('.marke-strategy-add>span').text()
						num--
						if(num<1){
							num=1
							layer.tips('不要再减啦，已经是最少了','.marke-strategy-add')
						}else{
							$('.marke-strategy-add>span').text(num)
							$('.push_number').val(num)
						}
					})
					
					//点击显示隐藏
						$('.marke-select').bind('click',function(event){
							event.stopPropagation()
							$('.marke-selects').slideToggle(100)
						})
						$('.marke-sele-txt').css('color','#000000')
						//选中
						$('.marke-selects').find('h6').bind('click',function(event){
							event.stopPropagation()
							$(this).addClass('active').parents().siblings().children('h6').removeClass('active')
							$('.marke-selects').slideUp(100)
							$('.marke-sele-txt').text($(this).text())
							
						})
						//hover事件
					$('.marke-selects>li>h6').hover(function(){
						$(this).next().fadeIn(30)
					},function(){
						$(this).next().fadeOut(30)
					})					
					
					//全局点击隐藏
					$(document).bind('click',function(){
						$('.marke-selects').slideUp(100)
					})
					
					$('.marke-strategy-submit').bind('click',function(){
						var title=$("input[name='title']").val();       
				        if(!title)
				        {
				           layer.msg('标题不能为空',{icon:2})
							return false
				        }
						//是否选优惠券
						if($('.marke-sele-txt').text()=='--请选择--'){
							layer.msg('请选择优惠券',{icon:2})
							return false
						}
						 location.href="群发优惠券-创建活动-选择人员.html";						
						
						})
					
				})
			</script>
		</aside>
		<!--/js-->
</body>
</html>